@charset "utf-8";
/* CSS Document */

/* reset - don't modify */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
p,ol,ul {list-style:none;}
p, img {padding:0;margin:0;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* /reset */

/* GLOBAL SETTINGS */
/* -------------------- */
h1 {padding-bottom:20px; border-bottom:1px solid #a8c9c9; margin-bottom:20px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
h2, h3 {padding-bottom:10px; border-bottom:1px solid #a8c9c9; margin-bottom:10px; text-transform:uppercase;}
h1,h2,h3,h4,h5,h6 {color:#126a6a; clear:right;}
h1 {font-size:180%;}
h2 {font-size:125%;}
h3 {font-size:125%;}
h4 {font-size:120%;}
h5 {font-size:100%;}
h6 {font-size:80%;}

p {line-height:20px; padding-bottom:2em;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}
.license {font-size:10px;}
.list1 {float:left;}
.list2 {float:left; padding-left:50px;}

html {height:100%;}

body {
	background:#13333b;
	margin:0 auto;
	text-align:center;
	height:100%;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#3d3d3d;
}	

#container {
	margin:0 auto;
	text-align:left;
	width:960px;
	background:url(/images/container_bg.jpg) repeat-y;
	padding:0 12px;
	min-height:100%;height:auto !important;height:100%;
	margin-top:0;
}

#header {
	position:absolute;
	top:0px;
	width:960px;
	height:120px;
	background:url(/images/header_shadow.jpg) no-repeat;
}

#nav {
	position:absolute;
	top:120px;
	width:960px;
	height:30px;
	line-height:30px;
	background:url(/images/nav_bg.jpg) repeat-x;
	border-top:2px solid #3bb8c2;
	border-bottom:1px solid #3bb8c2;
}

#branding-area {
	position:absolute;
	top:153px;
	padding-top:1px;
	width:960px;
	height:290px;
	background:url(/images/branding-image.jpg) 0 1px no-repeat;
}

#middle {
	position:relative;
	padding-top:445px;
	width:960px;
}

#copyw {
	position:relative;
	padding-top:445px;
	width:960px;
}

#main-content {
	padding:25px;
	padding-top:50px;
	background:#f2f7f7 url(/images/middle_shadow.jpg) no-repeat;
}

#col1 {
	position:relative;
	float:right;
	width:640px;
}

#col2 {
	position:relative;
	float:left;
	width:236px;
	margin-left:-4px;
}
.col2_top, 
.col2_btm {width:236px; height:15px; background:url(/images/col2_top.jpg) no-repeat;}
.col2_btm {background:url(/images/col2_bottom.jpg) no-repeat; padding-bottom:30px;}
.col2_mid {padding:0 10px; background:url(/images/col2_bg.jpg) repeat-y;}

#col2 p {padding-bottom:5px;}

p.right {float:right; padding:0 0 20px 20px;}
img.framed {padding:11px; background:url(/images/image_frame.jpg) no-repeat;}

#middle li {color:#5d87a1; line-height:22px; font-weight:bold; font-size:95%;}
#middle li li {font-size:100%;}
#middle ul {padding-bottom:1.25em; padding-top: .5em; font-family:arial,helvetica,sans-serif;}
#middle ol {list-style:decimal;}
#middle ul {list-style:disc;}
#middle li {margin-left:15px; padding:0;}

/* =header */
#header strong {font-weight:normal;}

#logo {
	position:absolute;
	width:254px;
	height:82px;
	top:19px;
	left:25px;
}

.tagline {
	position:absolute;
	top:25px;
	right:25px;
	font:italic 14px Arial, Helvetica, sans-serif;
	color:#737373;
}

.tagline2 {
	position:absolute;
	top:50px;
	right:350px;
	font:italic 30px Arial, Helvetica, sans-serif;
	color:#737373;
}
/* =nav */
#nav li {float:left; height:30px; border-right:1px solid #1c6767;}
#nav li a {
	position:relative;
	display:block;
	height:30px; 
	padding:0 50px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#73a0a0;
	text-transform:uppercase;
	text-decoration:none;
	line-height:30px;
}
#nav li a:hover {color:#fff;}

/* =branding-area */
.call-to-action {
	position:absolute;
	top:75px;
	left:530px;
	width:410px;
	padding-top:30px;
	text-align:center;
	font:24px Georgia, "Times New Roman", Times, serif;
	color:white;
}
.call-to-action span {
	display:block;
	font:30px Arial, Helvetica, sans-serif;
	padding-top:10px;
}

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 142px; /* .push must be the same height as .footer */
color:white
}